<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <!--<style>
        li{
            border: 1px solid red;
            width: 500px;
        }
    </style>li元素选择器-->
    <!--<style>
        #box{
            width: 500px;
            font-size: 50px;
        }
    </style> #box id选择器-->
   <style>
       .content{
           color: limegreen;
       }
   </style> <!--class选择器-->
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
    </style><!--全局选择器-->
    <style>
        #box div{
            color: #ff0000;
        }
    </style>
</head>
<body>
    <h1 class="content">脸盆</h1>
    <div id="box">
        <div>
            <p>冰箱</p><br>
            <p>洗衣机</p>
        </div>
    </div>
    <ul>
        <li>梨</li>
        <li>苹果</li>
        <li>香蕉</li>
    </ul>
</body>
</html>